﻿
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>@ViewBag.Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">  
    <link rel="icon" type="image/png" href="@Url.Content("~/Content/themes/base/images/nc_logo.png")" />  
    <link rel="shortcut icon" href="@Url.Content("~/Content/themes/base/images/nc_logo_fabico.ico")" />
    <link href="@Url.Content("~/Content/css/bootstrap.min.css")" rel="stylesheet">

    <!-- Custom styles for this template -->
	 <link href="@Url.Content("~/Content/css/preview.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/mystyle.css")" rel="stylesheet">
  
    <script src="@Url.Content("~/Scripts/js/modernizr.js")" type="text/javascript"></script>
    
</head>
<body class="eternity-form  colorBg3 colorBg " >
    <div class="navbar navbar-fixed-top navbar-inverse " role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">NepCorner</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
                    </ul>
                    <div style="float:right; padding-top:12px;">
                     @if (IsPost)
                {
                    if (Session != null)
                    {
                        ViewBag.userd = Convert.ToString(Session["userEmail"]);
                        <span>Hello @ViewBag.userd</span>
                    }
                }
             </div>   
        </div><!-- /.nav-collapse -->
         
      </div><!-- /.container -->
    </div><!-- /.navbar -->

    <div class="container">

      <div class="row row-offcanvas row-offcanvas-right">
  <div class="col-xs-5 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
			
            @RenderSection("LeftContainer")

		
			</div>
        <div class="col-xs-8 col-sm-6">
          <p class="pull-right visible-xs">
            <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
          </p>
		  
        
          <div class="" style="margin-top:15px;">
		  <div class="jumbotron">
			  <h1>Nepali Corner!</h1>
			  <p>Featured Posts</p>
			  <p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
			</div>

		  <div class="row well">
            @RenderBody()
            </div>
          </div><!--/row-->
        </div><!--/span-->

        <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
	
           @RenderSection("RightSideBar")
	
        </div><!--/span-->
      </div><!--/row-->

      <hr>

      <footer>
        <p>&copy; Company 2013</p>
      </footer>

    </div><!--/.container-->



    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="@Url.Content("https://code.jquery.com/jquery-1.10.2.min.js")"></script>
    <script src="@Url.Content("~/Scripts/js/bootstrap.min.js")"></script>
    <script src="offcanvas.js"></script>
	
	
	
    <script src="@Url.Content("~/Scripts/js/jquery-1.9.1.js")"></script>
    <script src="@Url.Content("~/Scripts/js/bootstrap.js")"></script>
    <script src="@Url.Content("~/Scripts/js/respond.src.js")"></script>
    <script src="@Url.Content("~/Scripts/js/jquery.icheck.js")"></script>
    <script src="@Url.Content("~/Scripts/js/placeholders.min.js")"></script>
    <script src="@Url.Content("~/Scripts/js/waypoints.min.js")"></script>
    <script src="@Url.Content("~/Scripts/js/jquery.panelSnap.js")"></script>

    <script type="text/javascript">
        $(function () {
            $("input").iCheck({
                checkboxClass: 'icheckbox_square-blue',
                increaseArea: '20%' // optional
            });
            $(".dark input").iCheck({
                checkboxClass: 'icheckbox_polaris',
                increaseArea: '20%' // optional
            });
            $(".form-control").focus(function () {
                $(this).closest(".textbox-wrap").addClass("focused");
            }).blur(function () {
                $(this).closest(".textbox-wrap").removeClass("focused");
            });

            //On Scroll Animations


            if ($(window).width() >= 968 && !Modernizr.touch && Modernizr.cssanimations) {

                $("body").addClass("scroll-animations-activated");
                $('[data-animation-delay]').each(function () {
                    var animationDelay = $(this).data("animation-delay");
                    $(this).css({
                        "-webkit-animation-delay": animationDelay,
                        "-moz-animation-delay": animationDelay,
                        "-o-animation-delay": animationDelay,
                        "-ms-animation-delay": animationDelay,
                        "animation-delay": animationDelay
                    });

                });
                $('[data-animation]').waypoint(function (direction) {
                    if (direction == "down") {
                        $(this).addClass("animated " + $(this).data("animation"));

                    }
                }, {
                    offset: '90%'
                }).waypoint(function (direction) {
                    if (direction == "up") {
                        $(this).removeClass("animated " + $(this).data("animation"));

                    }
                }, {
                    offset: $(window).height() + 1
                });
            }
            /*rjs need to be added fr horizntal do not delete
            .waypoint(function (direction) {
            $body.toggleClass(this.id + '-visible', direction === 'left');
            }, {
            offset: '-50%',
            horizontal: true
            })*/
            //End On Scroll Animations


            $(".main-nav a[href]").click(function () {
                var scrollElm = $(this).attr("href");

                $("html,body").animate({ scrollTop: $(scrollElm).offset().top }, 500);

                $(".main-nav a[href]").removeClass("active");
                $(this).addClass("active");
            });








        });
    </script>
  </body>
</html>